1

vue UI框架选型

现在市面上vue有很多UI框架供我们去选择, 我们最常见的PC端有element-ui ,iview,移动端有vux,vant-ui等, 值得注意的是我们在选择框架时, 不应该只注重样式的丰富性,可维护性,框架的流畅性更应该是我们更加重视的地方。

由于之前做项目时,只考虑到了样式的好看, 以及文档是否周全,只做了简单的调研之后就选型了IVIEW框架,导致现在性能方面有很大缺陷。

翻阅资料以及根据自己的实践对比, iview存在严重的内存泄露问题,当我们做企业级项目的时候, 随着项目内容的增多,iview慢慢暴露出了问题, 项目会变的越来越卡顿。 和element-ui对比 发现iview内存泄露更加严重,目前也没有找到官方的解决方案。

除了ui框架的原因之外。 还有我们自己造成内存泄露的一些情况:

(1)监听在window/body等事件没有解绑

(2)绑在EventBus的事件没有解绑

(3)Vuex的$store watch了之后没有unwatch

(4)模块形成的闭包内部变量使用完后没有置成null

(5)使用第三方库创建,没有调用正确的销毁函数

我们自己在开发时要注意上述情况,严格规范,避免内存泄露, 导致浏览器卡顿。

iview自身框架的问题 ,目前还没有找到好的解决方案, 自己存在的问题, 正在排查修改。


王一
5 声望0 粉丝

下一篇 »
npx用途